@charset "utf-8";
/* CSS Document */


body{margin:0 auto; padding:0px; /*font: 14px/1.231 "微软雅黑",arial,"宋体",sans-serif normal;*/ background:url(../images/header.jpg) repeat-x #FFF;}
.container{ width:965px; margin:0px; padding:0px; margin:0 auto;}
img{border:none;}
ul{padding:0px;margin:0px;list-style:none;}
a{ text-decoration:none; color:#999; font-size:12px;}
a:hover{color:#008db1;text-decoration:underline;}
p{ color:#666; font-size:12px;}
h4{ color:#999; font-size:12px;}


/*header*/
.header{ width:965px;}
.logo{width:191px;height:43px;float:left;}
.user { width:300px; float:right; margin-top:10px;}
.user a{ margin-left:4px; margin-right:4px; z-index:-999px; }


.Panel .dropdown-items {padding: 10px; background: #495560; color: white; text-align: left; cursor: default;}
.Panel {float:left;  color: #eee; padding: 5px 0 10px 0; margin-top:4px; line-height: 20px; display: inline-block; text-decoration: none; font-weight: bold; font: 11pt 'NettoOT-Bold'; width:50px; text-align:center;}
.dropdown-items {display: none;position: absolute; margin-left:-70px; z-index:55555;}
.dropdown-active .dropdown-items {display: block;}
.secure{ background:#FFF; border:none; height:20px; width:190px;}


/*end header*/

.banner{ margin:0 auto; width:949px; height:203px;}
.bannerImg{margin-top:32px;_margin-top:-11px;_margin-left:-4px;position:absolute; z-index:-1; }


/*nav*/
.nav{ margin-top:10px; margin-bottom:10px;}
.nav ul li{float:left;}
.nav a{ margin-left:3px; margin-right:3px;}
/*end nav*/

.line{ background:url(../images/line.jpg) repeat-x; width:100%; height:1px;}
.content{ width:965px; margin-top:10px; height:100%;}
.left{ width:700px; float:left; _display:inline;_margin-right:-4px; }




/*pro*/
.proj-img i {background-color:#34739f}
.pro {width:220px; float:left; padding:5px;}
.proj-info {padding:1px 0 1px 0; text-align:justify;}
.proj-info p{ font-size:10px; }
.proj-info h4{ margin:10px 0 10px 0;}
.proj-img{position:relative;overflow:hidden}
.preloader {background:url(../images/loading.gif) #fff no-repeat 50% 50%;margin-top:-1px;border-top:1px #dedede solid}
.proj-img a {width:29px;height:29px;position:absolute;top:50%;left:-29px;background:url(../images/zoom-more.png) right bottom no-repeat;margin-top:-14px;z-index:10}
.proj-img a.down {background:url(../images/zoom-more.png) right top no-repeat;margin-left:-29px}
.proj-img a:hover {background-position:left bottom;}
.proj-img i {font-style:normal;position:absolute;width:100%;height:100%;z-index:9;top:0;left:0;opacity:0; background:url(../images/hover.png) no-repeat;filter:alpha(opacity:0)}
/*end pro*/

.proUl{display:inline-block;}
.proUl .pro{height:220px;}
.paget{ width:100%;  display:block; margin-top:10px; margin-bottom:15px; height:10px;line-height:0px; _line-height:18px; color:#666; font-size:14px;}
.page{ float:left;clear:both;}
.pages{ float:right;clear:both; margin-right:20px; _display:inline;}



.upload{padding: 10px; color: white; border:#CCC solid 1px;text-align:center; cursor: default;}
.upload input{ border:#999 1px solid; width:290px; height:25px;}
.upload textarea{ width:290px;}
.upload span{ color:#999;}
.tj{ width:20px;}


.post-header{ width:690px;}
.post-meta {line-height: 11px;padding: 0;text-align: left;}
.title{ float:left;}
.title h2{ font-size:14px; color:#666; margin:0px; padding:0px; margin-left:15px;}
.date {font-size: 12px;line-height: 13px;margin-bottom: 1px; color:#999; display:inline; margin-left:15px;  }
.tags{ background:url(../images/tag.jpg) no-repeat;color:#999; margin-top:5px; font-size:11px; line-height:17px; height:17px; padding-left:14px;}
.tags a{ color:#999; font-size:11px; line-height:17px; height:17px; }



.team{ margin-top:20px;}
.post-aside { width:220px; float:left;display:block;}
.post-content { width: 460px; float:right;   }
.gas{ margin-top:20px; margin-bottom:20px;}


.author{margin-bottom:20px;}
.displayname{ font-size:18px;}
.big{ line-height:20px; margin:0px; color:#999;}


textarea{ width:190px;}
.loginshare{width:190px; margin-top:10px;}
.loginshare ul li{ float:left; margin:4px; width:35px; height:35px; display:block;}
.loginshare ul li a{display:block; width:35px; height:35px;}
.share{ width:220px; height:75px; margin-top:10px; margin-bottom:30px; }
.share ul li{ float:left; margin:4px; width:35px; height:35px; display:block;}
.share ul li a{display:block; width:35px; height:35px;}
.sharesina a{ background:url(../images/share-sina1.jpg) no-repeat;}
.sharesina a:hover{background:url(../images/share-sina.jpg) no-repeat;}
.shareweixin a{background:url(../images/share-weixin1.jpg) no-repeat;}
.shareweixin a:hover{ background:url(../images/share-weixin.jpg) no-repeat;}
.shareqq a{background:url(../images/share-qq1.jpg) no-repeat;}
.shareqq a:hover{ background:url(../images/share-qq.jpg) no-repeat;}
.sharedou a{background:url(../images/share-dou1.jpg) no-repeat;}
.sharedou a:hover{ background:url(../images/share-dou.jpg) no-repeat;}
.sharebaidu a{background:url(../images/share-baidu1.jpg) no-repeat;}
.sharebaidu a:hover{ background:url(../images/share-baidu.jpg) no-repeat;}
.sharekaixin a{background:url(../images/share-kaixin1.jpg) no-repeat;}
.sharekaixin a:hover{ background:url(../images/share-kaixin.jpg) no-repeat;}
.sharexiaoyou a{background:url(../images/share-xiaoyou1.jpg) no-repeat;}
.sharexiaoyou a:hover{ background:url(../images/share-xiaoyou.jpg) no-repeat;}
.shareqzone a{background:url(../images/share-qzone1.jpg) no-repeat;}
.shareqzone a:hover{ background:url(../images/share-qzone.jpg) no-repeat;}
.sharetengxun a{background:url(../images/share-tengxun1.jpg) no-repeat;}
.sharetengxun a:hover{ background:url(../images/share-tengxun.jpg) no-repeat;}
.shareren a{background:url(../images/share-ren1.jpg) no-repeat;}
.shareren a:hover{ background:url(../images/share-ren.jpg) no-repeat;}


.interpretation { width:220px; display:block; margin-top:20px; margin-bottom:30px;}
.interpretation h2{ margin-bottom:15px; margin-top:5px; color: #666; font-size:16px;}
.interpretation ul li{ background:url(../images/icon.jpg) no-repeat; padding-left:23px; margin-top:2px; margin-bottom:2px; color:#999; font-size:12px; height:18px; line-height:18px;}

.downbutton{ margin-top:10px;}


.right{ width:255px; display:inline-block; float:right; _margin-right:-13px; _display:inline; }
/*search*/
#search{margin:0 auto;width:235px;height:28px;background:#e9e9e9;}
#inputxt{margin:0px;padding:0px;background:#1f1f1f;border:none;border-style:none;float:left;width:180px;height:28px;color:#ffffff;}
#inputsubmit{float:left; background:url(../images/search.jpg) no-repeat; width:55px; height:28px; line-height:19px; border:none; display:inline-block; display:block;}
/*end search*/


/*ad*/
.ad{ margin-top:20px; margin-bottom:20px;}
/*end ad*/



/*key world*/
.col{ width:255px; height:196px;margin-top:20px; margin-bottom:20px; margin-left:3px;}
.col a{ font-size:14px; color:#FFF; width:45px; height:45px; display:inline-block; margin:2px;float:left; text-align:center;	line-height:45px;}
.col a:hover{ background:#F06;}
.col1{ background:#52bde0;}
.col2{ background:#4aafd3;}
.col3{ background:#44a3c6;}
.col4{ background:#388fb1;}
.col5{ background:#3080a2;}
.col6{ background:#4cb3d6;}
.col7{ background:#43a2c5;}
.col8{ background:#3b94b6;}
.col9{ background:#2f7fa1;}
.col10{ background:#266e90;}
.col11{ background:#47a9cc;}
.col12{ background:#3d98bb;}
.col13{ background:#3386a8;}
.col14{ background:#287294;}
.col15{ background:#206385;}
.col16{ background:#3d97ba;}
.col17{ background:#3487a9;}
.col18{ background:#2a7597;}
.col19{ background:#226788;}
.col20{ background:#195778;}
/*end key world*/



/*hot*/
.hot{ width:255px; margin-top:20px; margin-left:10px;}
.hot1{ margin-top:2px; margin-bottom:4px; }
.hot1 a{ margin-left:10px;}
.hot-col{ background:#000; width:18px; height:18px; display:inline-block; color:#FFF; font-size:12px; text-align:center; line-height:18px;}
/*end hot*/


.footer{ width:965px;clear: both; margin-left:30px; margin-top:20px; display:inline-block;}
.copyright{ height:30px; margin-top:39px;}
.copyright img{ float:left; margin-right:10px;}
.copyright p{ float:left;}
.links{ width:800px; clear:both; margin-left:50px; margin-top:10px; margin-bottom:50px;}
.links a{ margin-left:3px; margin-right:3px; }
.downloads{ color: #727272;font-size:14px; margin-left:20px;}
.downloadsnum{ color: #727272; font-size:14px;}

